<?php
include 'source/sesion.php';
verificarSesion();
?>

<!DOCTYPE html>
<html>
    <!-- ********* Librerias ********* -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Kasai - Direccion Regional de Nicoya</title>

        <link rel="stylesheet" href='css/styl.css' type="text/css">
        <link rel="stylesheet" href="css/jquery-ui-1.10.2.custom.css" type="text/css"/>                
        <link rel="stylesheet" href="css/main.css" type="text/css"/>                

        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

        <script src="scripts/jQuery/jquery-1.9.1.js"></script>        
        <script src="scripts/jQuery/jquery-ui.js"></script>        
        <script src="scripts/dataTables/jquery.dataTables.js"></script>
        <script src="scripts/kasai/Directores.js"></script>



    </head>

    <body>
        
        <!-- ********* Menu ********** -->
        <div id="header">
            <div id="header_in">
                <a href="index.html"><div id ="logobox"></div></a>
                <div id="menu">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="MiPerfil.html" class="active">Mi perfil</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="ourwork.html">Our work</a></li>
                        <li><a href="contact.html">Contact</a></li>                        
                    </ul>
                </div>                
            </div>
        </div>

        <!-- ********* SubMenu ********** -->
        <div id="panelSuperior">
            <div id="panelSuperior_Contenido">                                                
                <div class="subMenu">
                    <ul>
                        <?php
                        //    include 'source/sesion.php';
                        imprimirFunciones()
                        ?>
                    </ul>

                </div>                                
            </div>
        </div>

        <!-- ********* Tabla ********** -->
        <div id="contenedor">
            <div id="conte" style="width: 100%">            
                <table id="example" width="100%" cellpadding="0" cellspacing="0" border="0" class="display">
                    <thead>
                        <tr>
                            <th >Cedula</th>
                            <th >Nombre</th>
                            <th >Apellidos</th>
                            <th >Fecha</th>
                            <th >Telefono</th>
                            <th >Movil</th>
                            <th >Correo</th>
                            <th >Dirreccion</th>
                            <th >Institusion</th>
                            <th >Estado</th>
                            <th >Codigo</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>            
                </table>
            </div>                        
        </div>       

        <!-- ********* Formulario ********* -->
        <form  method="post" id="enviar" style="text-align: center">
            
            <label for="institucion">Institucion</label><br/>
            <input id="institusion" name="institusion" type="text" required/>
            
            <div id="Estado1">
                <label for="Estado">Estado</label><br/>
                <select id="Estado" name="Estado">
                    <option value="Interino">Interino</option>
                    <option value="En propiedad">En propiedad</option>
                </select>
            </div>
			
            <label for="Cedula">Cedula</label><br/>
            <input id="Cedula" name="Cedula" type="text" required/>

            <label for="Nombre">Nombre</label><br/>
            <input id="Nombre" name="Nombre" type="text" required/>

            <label for="Apellido1">Primer Apellido</label><br/>
            <input id="Apellido1" name="Apellido1" type="text" required/>

            <label for="Apellido2">Segundo Apellido</label><br/>
            <input id="Apellido2" name="Apellido2" type="text" required/>

            <label for="Fecha">Fecha de nacimiento</label><br/>
            <input id="Fecha" name="Fecha" type="date" required/>
            <div id="Genero1">
                <label for="Genero">Sexo</label><br/>
                <select id="Genero" name="Genero">
                    <option value="M" selected>Masculino</option>
                    <option value="F">Femenino</option>
                </select>
            </div>

            <label for="Telefono">Telefono</label><br/>
            <input id="Telefono" name="Telefono" type="text"/>

            <label for="Movil">Movil</label><br/>
            <input id="Movil" name="Movil" type="text"/>

            <label for="Correo">Correo</label><br/>
            <input id="Correo" name="Correo" type="email"/>

            <label for="Dirreccion">Dirreccion</label><br/>
            <input  id="Dirreccion" name="Direccion" type="text" required/>                
            
            <input id="cl" type="submit" style="display: none;"/>
        </form>        
        
        <!-- *** Mensajes *** -->
        <div id="mensaje" title="Error"></div>
        
        <!-- *********  Pie de pagina  ********** --><hr>        
        <div id="footer">
            <div id="footer_in">                
                <p><a href="#">Direccion Regional Nicoya &mdash;  Circuito #03</a></p>
            </div>
        </div>

    </body>
</html>
